<template>
	<view class="zxc_centent">
		<u-swiper
		          :list="list1"
				   radius="0"
				   height="250"
		  ></u-swiper>
		  <!-- end -->
		  <view class="info_tp">
			  <view class="info_tp_tit">
				  白金汉宫足浴店
			  </view>
			  <view class="info_cen">
				  <view class="info_cen_left">
						<view>东莞市南城街道财富广场</view>
						<view class="time">
							<image src="../../static/images/ico-addr.png" mode="widthFix" class="time_img"></image>
							距您3km
						</view>
				  </view>
				  <view class="info_cen_right">
				  		<!-- 导航前往 -->
				  </view>
			  </view>
			  
			  <view class="info_bt">
				  <image src="../../static/images/cai4.png" mode="widthFix" class="cai_img"></image>
			  </view>
			  
		  </view>
		  <!-- end -->
		  <view class="box">
			  <view class="label">
				  门店说明
			  </view>
			  <view class="ijc">
				  <text class="ijc_left">性别限制</text>
				  <text class="ijc_right">不限制</text>
			  </view>
			  <view class="ijc">
			  	  <text class="ijc_left">适用人群</text>
			  	  <text class="ijc_right">亚健康群体</text>
			  </view>
		  </view>
		  <!-- end -->
		  <view class="box">
		  		<view class="label">
					门店详情
		  		</view>
				<view style="margin-top:20upx;">
					<!-- 项目详情富文本 -->
					<u-parse :content="content"></u-parse>
				</view>
		  </view>
		  <!-- end -->
		   
		  <view class="jv">
			  <view class="jv_sm" style="display: flex;align-items: center;justify-content: space-around;">
				  <view @click="open" style="flex:1;background-color:rgb(28 157 193) ;font-size:25upx;padding:20upx 0;border-radius: 100upx 0 0 100upx;">选择技师项目</view>
				  <view @click="openopen" style="flex:1;background-color:#1cc174 ;font-size:25upx;padding:20upx 0;">选择功能项目</view>
				  <view @click="open_sang" style="flex:1;background-color:rgb(185 171 36) ;font-size:25upx;padding:20upx 0;border-radius: 0 100upx 100upx 0;">选择净桑项目</view>
			  </view>
		  </view>
		  
		<!-- 选择技师类项目 -->
		<u-popup :show="show" :round="10" closeable @close="close">
						<scroll-view  scroll-y="true"  class="shop_list" style="height: 70vh;">
		               <view style="text-align: center;font-weight: 700;
					   padding:30upx 0;">选择项目</view>
					<!--   <view class="clock flex-SP" style="width:80%;margin:0 auto;">
					   	<view class="clock-name name">
					   		项目类型
					   	</view>
					   	<view class="choice-div" style="width: 68%;">
					   		<uni-data-checkbox v-model="radio2" :localdata="sex2" @change="chengesex2"></uni-data-checkbox>
					   	</view>
					   </view> -->
					   
					   	    <u-tabs :list="project_tabs" keyName="typeName" @click="change_project_tabs" :current="project_current" :scrollable="true" lineColor="#07c160" style="margin-bottom:20upx"></u-tabs>
								   <view class="list" style="height: 60vh;">
									   <!-- 数据为空 -->
									     <u-empty style="margin-top:100upx;" v-if="projectlist.length<=0"></u-empty>
								   	<view class="list_sm" v-for="(item,index) in projectlist" v-if="projectlist.length>0">
										<image :src="item.itemImage ? item.itemImage : '../../static/images/anmo.png'" class="shop_img"></image>
								   		<view class="list_right">
								   			<view class="list_tit">{{item.artificerItemName}}</view>
								   			<view class="list_text">
												<span style="margin-right:10upx">首钟时长:{{item.firstClockDuration}}分钟</span>
												<span style="margin-right:10upx">首钟价格:￥{{item.firstClockPrice}}</span>
												<span style="margin-right:10upx">首钟会员价:￥{{item.firstClockMemberPrice}}</span>
											<span style="margin-right:10upx">加钟价格:￥{{item.addClockPrice}}</span>
											<span style="margin-right:10upx">加钟时长:{{item.addClockDuration}}分钟</span>
											<span style="margin-right:10upx">加钟会员价:￥{{item.addClockMemberPrice}}</span>
											</view>
								   			<view class="list_ikd">
								 <!--  				<view class="" style="display: flex;align-items: center;">数量：<u-number-box v-model="item.num"  :min="0" button-size="30"></u-number-box></view> -->
								 <view  @click="sure_project(item)" style="background-color: #07c160;padding:10upx;border-radius: 100upx;color:#fff;width: 60%;text-align: center;">
								 	选择
								 </view>
								   				
								   			</view>
								   		</view>
								   	</view>
								   </view>
								   <!-- end -->
								   </scroll-view>
							
			 </u-popup>
			 
			 <!-- 选择净桑类项目 -->
			 <u-popup :show="show_sang" :round="10" closeable @close="close_sang()">
			             <scroll-view  scroll-y="true"  class="shop_list" style="height: 70vh;">
			                <view style="text-align: center;font-weight: 700;
			 			   padding:30upx 0;">选择项目</view>
			 			    <u-tabs :list="project_tabs_sang" @click="change_project_tabs_sang" :current="project_current_sang" :scrollable="true" lineColor="#07c160" style="margin-bottom:20upx" keyName="typeName"></u-tabs>
			 						   <view class="list" style="height: 60vh;">
			 										    <u-empty style="margin-top:100upx;" v-if="projectlist_sang.length<=0"></u-empty>
			 						   	<view class="list_sm" v-for="(item,index) in projectlist_sang">
			 						   		<image :src="item.itemImage ? item.itemImage : '../../static/images/anmo.png'" class="shop_img"></image>
			 						   		<view class="list_right">
			 						   			<view class="list_tit">{{item.cleanMulberryItemName}}</view>
			 						   			<view class="list_text">
			 						   			<span style="margin-right:10upx">项目价格:￥{{item.itemPrice}}</span>
			 						   			<span style="margin-right:10upx">会员价格:￥{{item.memberPrice}}</span>
			 													<span style="margin-right:10upx">免单价格:￥{{item.freeChargeMinConsume}}</span>
			 						   			</view>
			 						   			<view class="list_ikd">
			 						   				<!-- <u-number-box v-model="item.num"  :min="0" button-size="30"></u-number-box> -->
			 													<view  @click="sure_project_sang(item)" style="background-color: #07c160;padding:10upx;border-radius: 100upx;color:#fff;width: 60%;text-align: center;">
			 														选择
			 													</view>
			 						   			</view>
			 						   		</view>
			 						   	</view>
			 						   </view>
			 						   <!-- end -->
			 									   </scroll-view>
			 	 </u-popup>
			 
			 <!-- 选择功能房项目 -->
			 <u-popup :show="showshow" :round="10" closeable @close="closeclose">
			             <scroll-view  scroll-y="true"  class="shop_list" style="height: 70vh;">
			                <view style="text-align: center;font-weight: 700;
			 			   padding:30upx 0;">选择项目</view>
			 			    <u-tabs :list="project_tabs2" @click="change_project_tabs2" :current="project_current2" :scrollable="true" lineColor="#07c160" style="margin-bottom:20upx" keyName="typeName"></u-tabs>
			 						   <view class="list" style="height: 60vh;">
										    <u-empty style="margin-top:100upx;" v-if="projectlist2.length<=0"></u-empty>
			 						   	<view class="list_sm" v-for="(item,index) in projectlist2">
			 						   		<image :src="item.itemImage ? item.itemImage : '../../static/images/anmo.png'" class="shop_img"></image>
			 						   		<view class="list_right">
			 						   			<view class="list_tit">{{item.functionRoomItemName}}</view>
			 						   			<view class="list_text">
			 						   				<span style="margin-right:10upx">项目时长:{{item.itemTime}}分钟</span>
			 						   				<span style="margin-right:10upx">房费:￥{{item.roomPrice}}</span>
			 						   			<span style="margin-right:10upx">加钟价格:￥{{item.addClockPrice}}</span>
			 						   			<span style="margin-right:10upx">加钟时长:{{item.addClockTime}}分钟</span>
			 						   			</view>
			 						   			<view class="list_ikd">
			 						   				<!-- <u-number-box v-model="item.num"  :min="0" button-size="30"></u-number-box> -->
													<view  @click="sure_project2(item)" style="background-color: #07c160;padding:10upx;border-radius: 100upx;color:#fff;width: 60%;text-align: center;">
														选择
													</view>
			 						   			</view>
			 						   		</view>
			 						   	</view>
			 						   </view>
			 						   <!-- end -->
									   </scroll-view>
			 	 </u-popup>
		
			<!-- 选择商品 -->
			<u-popup :show="show5" @close="close5" :round="10" closeable>
			            <scroll-view  scroll-y="true"  class="shop_list" style="height:60vh;">
			               <view style="text-align: center;font-weight: 700; padding:30upx 0;">选择商品</view>
						    <u-tabs :list="project_tabs3" @click="change_project_tabs3" :current="project_current3" :scrollable="true" lineColor="#07c160" style="margin-bottom:20upx" keyName="typeName"></u-tabs>
									   <view class="list" style="height:50vh">
										    <u-empty style="margin-top:100upx;" v-if="projectlist3.length<=0"></u-empty>
									   	<view class="list_sm" v-for="(item,index) in projectlist3">
									   		<view class="list_right" style="width:100%;display: flex;justify-content: space-between;align-items: center;">
									   			<view class="list_tit">{{item.goodsItemName}}(￥{{item.goodsPrice}},会员价:￥{{item.goodsMemberPrice}})</view>
									   			<view class="list_ikd" style="margin-top:0;">
									   				<u-number-box v-model="item.num" :min="0" button-size="30"></u-number-box>
									   			</view>
									   		</view>
									   	</view>
									   </view>
									   <!-- end -->
									     </scroll-view>
									 <view class="btn" style="width:80%;margin:30upx auto;" @click="sure_project3">
									 	确认
									   </view>
				 </u-popup>
					 
	
	
					  
		  <!-- pop -->
		  <u-popup :show="show2" @close="close2"  mode="center" :closeable="true">
		             <view class="jishi_list">
		             		  						  <!-- 技师循环开始 -->
		             		                 <view class="list" v-for="(item,index) in jishilist">
		             										  <navigator class="list_left" hover-class="none" url="/pages/jishi/detail">
		             		                 				  <image :src="item.tou" class="list_img tou_img"></image>
		             <!-- 										  <view style="border:2upx solid #07c160;padding:5upx 0;font-size:24upx;color:#07c160;text-align: center;" v-if="item.type ==0">在店技师</view>
		             										   <view style="border:2upx solid #07c160;padding:5upx 0;font-size:24upx;color:#07c160;text-align: center;" v-if="item.type ==1">兼职技师</view> -->
		             		                 			  </navigator>
		             		  									  
		             		                 			  <view class="list_right">
		             		                 			  			<view class="list_right_left">
		             		  													
		             		                 							<view class="title">
		             		                 								{{item.name}}
		             		  														<text class="yue_time">最早可约:{{item.time}}</text>
		             		                 							</view>
		             		  													
		             		                 							<view class="text">
		             		  														<view class="oks">
		             		  														<image src="../../static/images/start.png" mode="widthFix" style="width: 30upx;margin-right:5upx"></image>
		             		  															{{item.start}}星
		             		  															<view class="ikc">
		             		  																已服务：{{item.num}}单
		             		  															</view>
		             		  										<!-- 					<view class="ujc">
		             		  															<image src="../../static/images/ico-addr.png" mode="widthFix" style="width: 25upx;margin-right:5upx"></image>
		             		  																{{item.km}}
		             		  															</view> -->
		             		  														</view>
		             		                 							</view>
		             		                 									
		             		  														<view class="text">
		             		  															<view class="oks">
		             		  															<view class="ujc" >
		             		  															<image src="../../static/images/mes.png" mode="widthFix" style="width: 30upx;margin-right:5upx"></image>
		             		  																{{item.pingjia}}
		             		  															</view>
		             		  																<view class="ujc">
		             		  																<image src="../../static/images/xin.png" mode="widthFix" style="width: 30upx;margin-right:5upx"></image>
		             		  																	{{item.xin}}
		             		  																</view>
		             		  															</view>
		             		  														</view>	
		             		  														
		             		  														<view class="text">
		             		  															<view class="jvb" @click="open3">
		             		  																	立即预约
		             		  															</view> 
		             		  														</view>
		             		  														
		             		                 						</view> 
		             		                 			  </view>
		             		                 </view>
		             		  						 	  <!-- 技师循环结束 -->
		             		  						 
		             		              </view>
		  		</u-popup>
		  <!-- pop 3 时间 -->
		  	<u-datetime-picker
		                                :show="show3"
		  							  :closeOnClickOverlay="true"
		  							  @close="close3"
		  							  @cancel="close3"
		  							  @confirm="confirmtime"
		  							  :formatter="formatter"
		                                 v-model="selecttime"
		                                 mode="datetime"
		        ></u-datetime-picker>
		
		  <!-- end -->
		  
	</view>
</template>

<script>
	import SOtime from '@/uni_modules/fl-SOtime/SOtime.js'
	export default{
		data (){
			return {
				selecttime: Number(new Date()),
				suretime:'',
				list1: [{
				                   url: '/static/images/anmo.png'
				               },{
				                   url: '/static/images/anmo.png'
				       }],
					   	content: `
					   				
					   				`,
		
				show2:false,
				show3:false,
		show:false,  //选择项目弹窗
		showshow:false,  //选择功能房项目弹窗
		show4:false,  //选择技师弹窗
		show5:false,  //选择商品弹窗
				jishilist:[
					{
						tou:'http://192.168.1.4:9000/hotel/2023/07/19/882b25156bff46a5957555ad63e1d6a7.png',
						name:'彩迷',
						type:0, //0在店技师，1兼职技师
						time:'11:30',
						start:5,
						num:325,
						km:'3.2km',
						store_name:'夜空美美小店',
						pingjia:65,
						xin:32
					},
					{
						tou:'http://192.168.1.4:9000/hotel/2023/07/19/882b25156bff46a5957555ad63e1d6a7.png',
						name:'彩迷',
						time:'11:30',
						type:1, //0在店技师，1兼职技师
						start:5,
						num:325,
						km:'3.2km',
						store_name:'夜空美美小店',
						pingjia:65,
						xin:32
					}
				],
				project_tabs: [  //技师类项目分类
				],
				project_tabs_classId:'',  //选择技师类项目分类id
				project_current:0,
				project_tabs2: [  //功能房项目分类
					],
				project_current2:0,
				project_tabs_classId2:'',  //选择功能房项目分类id
				project_tabs3: [  //商品项目分类
					],
						project_current3:0,
							project_tabs_classId3:'',  //选择商品项目分类id
							projectlist:[  //技师类项目列表
										],
							  projectlist2:[  //功能房项目列表
							  				 
							  ],
							projectlist3:[  //商品列表
								
							],
									
							  
							  artificerItem:{},  //选择的技师类项目
							  functionRoomItem:{},  //	选择的功能类项目
							  goodsItemList:[],  //商品类项目集合
							  cleanMulberryList:{},  //	选择的净桑项目
							  show_sang:false,
							  project_tabs_sang: [  //净桑项目分类
							  	],
							  project_current_sang:0,
							  project_tabs_classId_sang:'',  //选择净桑项目分类id
							  projectlist_sang:[  //净桑列表
							  	
							  ],
			}
		},
		onShow (){
			this.close3()
			this.getprojectList_sang()
		},
		methods:{
			open2() {  //技师弹窗
			    this.show2 = true;
			  },
			  close2() {
			    this.show2 = false;
			  },
			open3() {   //时间弹窗
			    this.show3 = true;
			  },
			  close3() {
			    this.show3 = false;
			  },
			  valChange (e){
				  console.log(e)
			  },
			  confirmtime (e){  //选择时间
			  	var Timestamp = e.value;
			  	this.suretime=SOtime.timestampToDate(Timestamp)
			  	this.show2=false;
				uni.navigateTo({
					url:'/pagesA/detail/detail_order'
				})
			  	 console.log(this.suretime)
			  },
			       formatter(type, value) {
			                  if (type === 'year') {
			                      return `${value}年`
			                  }
			                  if (type === 'month') {
			                      return `${value}月`
			                  }
			                  if (type === 'day') {
			                      return `${value}日`
			                  }
			                  return value
			              },
		getprojectList (){  //获取技师类项目
			
			var obj={
			      pageSize:500,   //每页的条数
			      pageNum:1  ,//页码
				  type:0//0技师类 1商品类 2功能类
			           }
			        
			        uni.showLoading({
			         title:'请求中'
			        })
			        
			           this.$post(this.$api.itemTypeList, obj,   //获取分类列表
			            (res) => {
			             if (res.code == 200) {
			        uni.hideLoading()
			       this.project_tabs=res.data
			
				   var objj={
				         pageSize:300,   //每页的条数
				         pageNum:1,//页码
						 typeId:this.project_tabs_classId ? this.project_tabs_classId :res.data[0].id  //默认查第一条分类数据
				              }
				           
				   
				           
				              this.$post(this.$api.artificerItemList, objj,   //获取列表
				               (res) => {
				                if (res.code == 200) {
				          this.projectlist=res.data
				                }
				             else{
				              uni.showToast({
				               title: res.msg ? res.msg : '网络错误',
				               icon: 'none'
				              })
				             }
				               },
				               (res) => {
				                uni.showToast({
				                 title: res.msg ? res.msg : '网络错误',
				                 icon: 'none'
				                })
				               },1,0)
				   
			             }
			          else{
			           uni.showToast({
			            title: res.msg ? res.msg : '网络错误',
			            icon: 'none'
			           })
			          }
			            },
			            (res) => {
			             uni.showToast({
			              title: res.msg ? res.msg : '网络错误',
			              icon: 'none'
			             })
			            },1,0)
						
		
		},
		getprojectList2 (){  //获取功能房项目
			
			var obj={
			      pageSize:500,   //每页的条数
			      pageNum:1  ,//页码
				  type:2//0技师类 1商品类 2功能类
			           }
			        
			        uni.showLoading({
			         title:'请求中'
			        })
			        
			           this.$post(this.$api.itemTypeList, obj,   //获取分类列表
			            (res) => {
			             if (res.code == 200) {
			        uni.hideLoading()
			       this.project_tabs2=res.data
			
				   var objj={
				         pageSize:300,   //每页的条数
				         pageNum:1,//页码
						 typeId:this.project_tabs_classId2 ? this.project_tabs_classId2 :res.data[0].id  //默认查第一条分类数据
				              }
				           
				   
				           
				              this.$post(this.$api.functionItemList, objj,   //获取列表
				               (res) => {
				                if (res.code == 200) {
				          this.projectlist2=res.data
				                }
				             else{
				              uni.showToast({
				               title: res.msg ? res.msg : '网络错误',
				               icon: 'none'
				              })
				             }
				               },
				               (res) => {
				                uni.showToast({
				                 title: res.msg ? res.msg : '网络错误',
				                 icon: 'none'
				                })
				               },1,0)
				   
			             }
			          else{
			           uni.showToast({
			            title: res.msg ? res.msg : '网络错误',
			            icon: 'none'
			           })
			          }
			            },
			            (res) => {
			             uni.showToast({
			              title: res.msg ? res.msg : '网络错误',
			              icon: 'none'
			             })
			            },1,0)
						
		
		},
		getprojectList3 (){  //获取商品类项目
			
			var obj={
			      pageSize:500,   //每页的条数
			      pageNum:1  ,//页码
				  type:1//0技师类 1商品类 2功能类
			           }
			        
			        uni.showLoading({
			         title:'请求中'
			        })
			        
			           this.$post(this.$api.itemTypeList, obj,   //获取分类列表
			            (res) => {
			             if (res.code == 200) {
			        uni.hideLoading()
			       this.project_tabs3=res.data
			
				   var objj={
				         pageSize:300,   //每页的条数
				         pageNum:1,//页码
						 typeId:this.project_tabs_classId3 ? this.project_tabs_classId3 :res.data[0].id  //默认查第一条分类数据
				              }
				           
				   
				           
				              this.$post(this.$api.goodsItemList, objj,   //获取列表
				               (res) => {
				                if (res.code == 200) {
				          this.projectlist3=res.data
				                }
				             else{
				              uni.showToast({
				               title: res.msg ? res.msg : '网络错误',
				               icon: 'none'
				              })
				             }
				               },
				               (res) => {
				                uni.showToast({
				                 title: res.msg ? res.msg : '网络错误',
				                 icon: 'none'
				                })
				               },1,0)
				   
			             }
			          else{
			           uni.showToast({
			            title: res.msg ? res.msg : '网络错误',
			            icon: 'none'
			           })
			          }
			            },
			            (res) => {
			             uni.showToast({
			              title: res.msg ? res.msg : '网络错误',
			              icon: 'none'
			             })
			            },1,0)
						
		
		},
		getprojectList_sang (){  //获取净桑项目
			
			var obj={
			      pageSize:500,   //每页的条数
			      pageNum:1  ,//页码
				  type:3//0技师类 1商品类 2功能类 3净桑
			           }
			        
			        uni.showLoading({
			         title:'请求中'
			        })
			        
			           this.$post(this.$api.itemTypeList, obj,   //获取分类列表
			            (res) => {
			             if (res.code == 200) {
			        uni.hideLoading()
			       this.project_tabs_sang=res.data
			
				   var objj={
				         pageSize:300,   //每页的条数
				         pageNum:1,//页码
						 typeId:this.project_tabs_classId_sang ? this.project_tabs_classId_sang :res.data[0].id  //默认查第一条分类数据
				              }
				           
				   
				           
				              this.$post(this.$api.cleanMulberryList, objj,   //获取列表
				               (res) => {
				                if (res.code == 200) {
				          this.projectlist_sang=res.data
				                }
				             else{
				              uni.showToast({
				               title: res.msg ? res.msg : '网络错误',
				               icon: 'none'
				              })
				             }
				               },
				               (res) => {
				                uni.showToast({
				                 title: res.msg ? res.msg : '网络错误',
				                 icon: 'none'
				                })
				               },1,0)
				   
			             }
			          else{
			           uni.showToast({
			            title: res.msg ? res.msg : '网络错误',
			            icon: 'none'
			           })
			          }
			            },
			            (res) => {
			             uni.showToast({
			              title: res.msg ? res.msg : '网络错误',
			              icon: 'none'
			             })
			            },1,0)
						
		
		},
		change_project_tabs (e){
			console.log(e)
			this.project_current=e.index
			this.project_tabs_classId=e.id
			this.getprojectList();
		},
		change_project_tabs2 (e){
			console.log(e)
			this.project_current2=e.index
			this.project_tabs_classId2=e.id
			this.getprojectList2();
		},
		change_project_tabs3 (e){
			console.log(e)
			this.project_current3=e.index
			this.project_tabs_classId3=e.id
			this.getprojectList3();
		},
		change_project_tabs_sang (e){
			console.log(e)
			this.project_current_sang=e.index
			this.project_tabs_classId_sang=e.id
			this.getprojectList_sang();
		},
		open (){
			this.type=0;
			this.getprojectList()
			this.show=true;
		},
		close (){
			this.show=false;
		},
		open_sang (){
			this.show_sang=true;
		},
		close_sang (){
			this.show_sang=false;
		},
		openopen (){
			this.showshow=true;
			this.getprojectList2()
		},
		closeclose (){
			this.showshow=false;
		},
		open4() {
		    this.show4 = true;
						  	this.getlistArtificer();
		  },
		  close4() {
		    this.show4 = false;
		  },
						open5() {
						    this.show5 = true;
							this.getprojectList3()
						  },
						  close5() {
						    this.show5 = false;
						  },
		sure_project (item){  //选择技师项目
			console.log(item)
			this.project=item.artificerItemName;
			this.artificerItem.itemId=item.id;
			this.artificerItem.num=1;
			this.show=false;
			this.open2()
		},
		sure_project2 (item){  //选择功能房项目
			console.log(item)
			this.project2=item.functionRoomItemName;
			this.functionRoomItem.itemId=item.id;
			this.functionRoomItem.num=1;
			this.showshow=false;
			uni.navigateTo({
				// proType:1   非技师项目
				url:'/pagesA/detail/detail_order?proType=1'
			})
		},
		sure_project_sang (item){  //选择净桑项目
			console.log(item)
			this.project_sang=item.cleanMulberryItemName;
			this.cleanMulberryList.itemId=item.id;
			this.cleanMulberryList.num=1;
			this.show_sang=false;
			uni.navigateTo({
					// proType:1   非技师项目
				url:'/pagesA/detail/detail_order?proType=1'
			})
		},
		cleargoods (){
			this.project3='';
			this.goodsItemList=[]
		},
		sure_project3 (item){  //选择商品类项目
			console.log(this.projectlist3)
			
			for(var i in this.projectlist3){
				if(this.projectlist3[i].num){
					this.goodsItemList.push({
						itemId:this.projectlist3[i].id,
						num:this.projectlist3[i].num,
					})
					this.project3+=this.projectlist3[i].goodsItemName+this.projectlist3[i].num
				}
				
			}
			
		
			console.log(this.goodsItemList)
			this.show5=false;
			this.open2()
		},
		}
	}
</script>

<style>
	.zxc_centent{
		padding:0 0 150upx 0;
	}
	.info_tp{
		padding:30upx;
		background-color: #fff;
		border-radius: 40upx 40upx 0 0;
		margin-top:-30upx;
		z-index: 9;
		position: relative;
	}
	.info_tp_tit{
		font-weight: 700;
		font-size:30upx;
	}
	.info_cen{
		display: flex;
		align-items: center;
		justify-content: space-between;
		font-size:24upx;
		margin-top:20upx;
	}
	.info_cen_left{
		display: flex;
		align-items: center;
		color:#999;
	}
	.money{
		font-size:40upx;
		font-weight: 700;
		color:#ff6c00;
	}
	.time{
		display: flex;
		align-items: center;
		margin-left:80upx;
	}
	.time_img{
		width:30upx;
		margin-right:10upx;
	}
	.info_bt{
		margin-top:30upx;
	}
	.cai_img{
		width: 100%;
	}
	.box{
		margin-top:30upx;
		padding:30upx;
		background-color: #fff;
	}
	.label{
		font-weight: 700;
	}
	.ijc{
		margin-top:20upx;
		font-size:24upx;
		color:#999;
	}
	.ijc_right{
		color:#000;
		margin-left:20upx;
	}
	.jv{
		position: fixed;
		bottom:30upx;
		left:0;
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
		z-index: 99;
	}
	.jv_sm{
		color:#fff;
		text-align: center;
		border-radius: 100upx;
		width:92%;
	}
	.jishi_list .list{
		padding:20upx;
		border-bottom:1upx solid #ededed;
		display: flex;
		align-items: center;
		justify-content: space-between;
		background-color: #fff;
	}
	.jishi_list .list_left{
		width: 25%;
	}
	.jishi_list .list_img{
		width: 130upx;
		height:130upx;
		border-radius: 150upx;
	}
	.jishi_list .list_right{
		width: 72%;
		display: flex;
		align-items: center;
		justify-content: space-between;
		position: relative;
	}
	.jishi_list .list_right_left{
		width: 100%;
		color:#999;
		font-size:24upx;
	}
	.title{
		font-size:30upx;
		font-weight: 700;
		color:#000;
	}
	.text{
		margin-top:20upx;
		display: flex;
		align-items: center;
	}
	.list_right_right{
		    background-color: #07c160;
		    color: #fff;
			border-radius: 100upx;
			font-size:24upx;
			white-space: nowrap;
			padding:10upx 20upx;
			position: absolute;
			right:0;
			z-index: 9;
	}
	.jishi_list{
		padding:30upx;
		width:80vw;
		height:70vh;
		overflow-y: auto;
	}
	::v-deep .u-popup__content{
		border-radius: 10upx;
	}
	.tou_img{
		border-radius: 100upx;
	}
	.yue_time{
		color:#07c160;
		border:2upx solid #07c160;
		padding:10upx;
		font-size:22upx;
		margin-left:20upx;
	}
	.oks{
		display: flex;
		align-items: center;
	}
	.ikc{
		margin-left:20upx;
	}
	.ujc{
		display: flex;
		align-items: center;
		margin-left:20upx;
	}
	.jvb{
		width: 100%;
		text-align: center;
		background-color: #07c160;
		color: #fff;
		border-radius: 100upx;
		font-size:24upx;
		white-space: nowrap;
		padding:15upx 0;
	}
	.shop_list{
		width:100vw;
	}
	.shop_shop_list{
		width:90%;
		height:520upx;
		overflow-y: auto;
		margin:0 auto 120upx;
		background-color: #fff;
		border-radius: 10upx;
		margin-top:-20upx;
		padding:20upx 5% 0 5%;
		position: relative;
	}
	.shop_list_sm{
		display: flex;
		align-items: center;
		justify-content: space-between;
		margin-bottom:30upx;
		padding-bottom:20upx;
		border-bottom:2upx solid #ededed;
	}
	.shop_img{
		width:200upx;
		height:200upx;
		object-fit: cover;
		border-radius: 10upx;
	}
	.shop_list_right{
		width:65%;
	}
	.shop_list_tit{
		font-weight: 700;
		font-size:28upx;
	}
	.shop_list_text{
		color:#999;
		margin-top:20upx;
		font-size:25upx;
	}
	.shop_list_ikd{
		display: flex;
		align-items: center;
		justify-content: space-between;
		margin-top:20upx;
	}
	.shop_money{
		font-weight: 700;
		color:#ff6c00;
	}
	.shop_bt_view{
		margin:30upx 0;
		width:100%;
		display: flex;
		align-items: center;
		justify-content: center;
		position: fixed;
		bottom:0;
		left:0;
	}
	.shop_bt{
		width:90%;
		height:90upx;
		line-height: 90upx;
		border-radius: 100upx;
		background-color: #333;
		color:#fff;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	.shop_bt_left{
		width:70%;
		height:100%;
		font-size:35upx;
		text-indent: 30upx;
	}
	.shop_bt_right{
		width:30%;
		height:100%;
		background-color: #07c160;
		border-radius:0 100upx 100upx 0;
		text-align: center;
	}
	.shop_list{
		width:100vw;
	}
	.shop_list .list{
		width:90%;
		height:520upx;
		overflow-y: auto;
		margin:0 auto 120upx;
		background-color: #fff;
		border-radius: 10upx;
		margin-top:-20upx;
		padding:20upx 5% 0 5%;
		position: relative;
	}
	.list_sm{
		display: flex;
		align-items: center;
		justify-content: space-between;
		margin-bottom:30upx;
		padding-bottom:20upx;
		border-bottom:2upx solid #ededed;
	}
	.shop_img{
		width:200upx;
		height:200upx;
		object-fit: cover;
		border-radius: 10upx;
	}
	.list_right{
		width:63%;
	}
	.list_tit{
		font-weight: 700;
		font-size:28upx;
	}
	.list_text{
		color:#999;
		margin-top:20upx;
		font-size:25upx;
	}
	.list_ikd{
		display: flex;
		align-items: center;
		justify-content: space-between;
		margin-top:20upx;
	}
	.money{
		font-weight: 700;
		color:#ff6c00;
	}
	.shop_bt_view{
		margin:30upx 0;
		width:100%;
		display: flex;
		align-items: center;
		justify-content: center;
		position: fixed;
		bottom:0;
		left:0;
	}
	.shop_bt{
		width:90%;
		height:90upx;
		line-height: 90upx;
		border-radius: 100upx;
		background-color: #333;
		color:#fff;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	.shop_bt_left{
		width:70%;
		height:100%;
		font-size:35upx;
		text-indent: 30upx;
	}
	.shop_bt_right{
		width:30%;
		height:100%;
		background-color: #07c160;
		border-radius:0 100upx 100upx 0;
		text-align: center;
	}
	.kfs{
		width:90%;
		height:520upx;
		overflow-y: auto;
		margin:0 auto 120upx;
		background-color: #fff;
		border-radius: 10upx;
		margin-top:-20upx;
		padding:20upx 5% 0 5%;
		position: relative;
	}
	::v-deep .u-checkbox-label--left{
		margin-right: 30upx;
	}
	::v-deep .u-radio{
		margin-right: 30upx;
	}
	::v-deep .u-checkbox-group--row{
		flex-wrap: wrap;
	}
	::v-deep .u-radio-label--right{
		padding:20upx 0;
		border-bottom:2upx solid #ededed;
	}
	.shop_bt{
		width:90%;
		height:90upx;
		line-height: 90upx;
		border-radius: 100upx;
		background-color: #333;
		color:#fff;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	.shop_bt_left{
		width:70%;
		height:100%;
		font-size:35upx;
		text-indent: 30upx;
	}
	.shop_bt_right{
		width:30%;
		height:100%;
		background-color: #07c160;
		border-radius:0 100upx 100upx 0;
		text-align: center;
	}
</style>